<template>
  <div class="financial-Data">
    <div class="financial-Data-text">
      <div class="financial-Data-text-data">总收入</div>
      <div class="financial-Data-text-data">昨日收益</div>
      <!-- <span>总资产</span>
      <span>昨日收益</span> -->
    </div>
    <div class="financial-Data-view">
      <div class="financial-Data-view-data">{{assets.sum | priceFilter}} </div>
      <div class="financial-Data-view-data">+{{assets.yesIncome}}</div>
      
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {

    }
  },
  props:{
    assets:Object
  },
  filters:{
    priceFilter(val){
      let t = parseFloat(val).toFixed(2);
      return t;
    }
  }
}
</script>

<style lang="less">
.financial-Data {
  width: 100%;
  height: 100px;
  line-height: 20px;
  border-radius: 0px 0px 31px 31px;
  background-color: rgba(98, 166, 235, 100);
  text-align: center;
  .financial-Data-text {
    width: 100%;
    display: flex;
    justify-content: space-around;
      color: #ffffff;
      font-size: 18px;
      text-align: left;
      font-family: PingFangSC-thin;
    .financial-Data-text-data {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 5px;
      width: 100px;
      height: 40px;

    }

  }
  .financial-Data-view {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    color: rgba(255, 255, 255, 100);
    font-size: 28px;
    text-align: left;
    font-family: PingFangSC-regular;
    .financial-Data-view-data {
      display: flex;
      justify-content: center;
      width: 100px;
      height: 40px;

    }
  }
}
</style>